<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<div class="aaa" id="bbb" style="color: red;">
			文本
			<!-- 注释 -->
			<h1>11111111111</h1>
			<h2>22222222222</h2>
			<h3>33333333333</h3>
			00000
		</div>
	</body>
</html>
<script type="text/javascript">
	var div = document.getElementsByTagName('div')[0]
	
	// nodeName:	元素标签名，只读
	console.log(div.firstChild.nodeName)
	
	// nodeValue:	text节点或comment节点的文本内容，可读写
	div.childNodes[1].nodeValue = '修改后的'
	console.log(div.childNodes[1].nodeValue)
	
	/* nodeType:	该节点类型
 * 					元素节点————————1
 * 					属性节点————————2
 * 					文本节点————————3
 * 					注释节点————————8
 * 					document————————9
 * 					DocuementFragment————————11
	 */
	console.log(div.childNodes[1].nodeType)
	
	// attributes:	该节点的属性集合
	console.log(div.attributes)
	
	
	// 判断是如否有子节点
	console.log(div.hasChildNodes())
</script>